<template>
    <page-layout>
        <template v-slot:header>
            <el-button size="small" @click='backEvt'>返回</el-button>
        </template>
        <el-form :model="query"
            ref="ruleForm"
            size="small"
            label-width="100px">
            <!-- prop属性是给rules使用的，表示使用rules中的name属性进行数据校验 -->
            <el-row>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="商铺编码" prop="shop_id">
                        <el-input v-model="query.shop_id" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="商铺名字" prop="shop_name">
                        <el-input v-model="query.shop_name" placeholder="输入商铺名字"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="店长" prop="manager">
                            <el-input v-model="query.manager" placeholder="输入"  style="{width:calc(100% - 32px)}"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="店员" prop="clark">
                        <el-input v-model="query.clark" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col> 
          
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="商铺经度" prop="lat">
                        <el-input v-model="query.lng" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="商铺纬度" prop="lng">
                        <el-input v-model="query.lat" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="经营区域" prop="area">
                        <el-input v-model="query.area" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="详细地址" prop="address">
                        <el-input v-model="query.address" placeholder="输入商铺编码"></el-input>
                    </el-form-item>
                </el-col>                             
       
                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                    <el-form-item label="备注" prop="remark">
                        <el-input v-model="query.remark"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </page-layout>
</template>
<script>

export default {
    data(){
        return{
            show:false,
            query:{
                "shop_id": "",
                "shop_name": "",
                "lng": "",
                "lat": "",
                "area": "",
                "address": "",
                "manager": "",
                "clark": "",
                "remark": ""
            },


        }
    },
    mounted(){
        this.query = this.$route.query
    },
    methods:{
        backEvt(){
            this.$router.push('/shop/list')
        }
    }

}
</script>